<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!doctype html>
<html ng-app="mainModule">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<!-- 
    _  ____                        
   (_)/ __ \                       
    _| |  | |_   _  ___ _ __ _   _ 
   | | |  | | | | |/ _ \ '__| | | |
   | | |__| | |_| |  __/ |  | |_| |
   | |\___\_\\__,_|\___|_|   \__, |
  _/ |                        __/ |
 |__/                        |___/ 
 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- 
                             _            
     /\                     | |           
    /  \   _ __   __ _ _   _| | __ _ _ __ 
   / /\ \ | '_ \ / _` | | | | |/ _` | '__|
  / ____ \| | | | (_| | |_| | | (_| | |   
 /_/    \_\_| |_|\__, |\__,_|_|\__,_|_|   
                  __/ |                   
                 |___/                    
 -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-resource.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-aria.min.js"></script>
<!-- 
  ____              _       _                    
 |  _ \            | |     | |                   
 | |_) | ___   ___ | |_ ___| |_ _ __ __ _ _ __   
 |  _ < / _ \ / _ \| __/ __| __| '__/ _` | '_ \  
 | |_) | (_) | (_) | |_\__ \ |_| | | (_| | |_) | 
 |____/ \___/ \___/ \__|___/\__|_|  \__,_| .__/  
                                         | |     
                                         |_|     
 -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<!-- 
                             _              __  __       _            _       _ 
     /\                     | |            |  \/  |     | |          (_)     | |
    /  \   _ __   __ _ _   _| | __ _ _ __  | \  / | __ _| |_ ___ _ __ _  __ _| |
   / /\ \ | '_ \ / _` | | | | |/ _` | '__| | |\/| |/ _` | __/ _ \ '__| |/ _` | |
  / ____ \| | | | (_| | |_| | | (_| | |    | |  | | (_| | ||  __/ |  | | (_| | |
 /_/    \_\_| |_|\__, |\__,_|_|\__,_|_|    |_|  |_|\__,_|\__\___|_|  |_|\__,_|_|
                  __/ |                                                         
                 |___/                                                          
-->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.1/angular-material.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.1/angular-material.min.js"></script>
<!-- 
  __  __ _            
 |  \/  (_)           
 | \  / |_ _ __   ___ 
 | |\/| | | '_ \ / _ \
 | |  | | | | | |  __/
 |_|  |_|_|_| |_|\___|
 -->
<script src="js/om.js"></script>
<script src="js/busServices.js"></script>
<script src="js/mainApp.js"></script>
<link rel="stylesheet" href="css/main.css">
</head>
<body ng-controller="SeatListCtrl">
	<div>
		<div class="panel panel-default">
			<div class="panel-body">Basic panel example</div>
			<div class="btn-group-container" ng-repeat="group in groupedSeats">
				<div class="btn-group btn-group-inline" role="group" aria-label="...">
					<button ng-repeat="seat in group" ng-click="showEditBooking($event, seat)" type="button" class="btn btn-default btn-seat {{ seat.isBooked() ? 'btn-danger' : 'btn-success' }}">{{seat.naming()}}</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>